React Tableで列を隠す
初期状態で列を隠すときは、useTable()にinitialState.hiddenColumnsを渡す code:ts
const {
getTableProps,
getTableBodyProps,
headerGroups,
prepareRow,
rows,
} = useTable({
columns: header,
data: records ?? [],
initialState:{
},
});
途中で表示非表示を変えたいときはtoggleHidden: (columnId: string,hidden?: boolean) => voidを使う
checkboxで切り替えたいときは、各checkboxにcolumn.getToggleHiddenProps()を渡す